
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yonggongwancheng"></use>
                    </svg>
                    <div class="name">Work completed</div>
                    <div class="fontclass">#icon-yonggongwancheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit3"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-edit3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-edit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti14"></use>
                    </svg>
                    <div class="name">正确</div>
                    <div class="fontclass">#icon-weibiaoti14</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-about"></use>
                    </svg>
                    <div class="name">about</div>
                    <div class="fontclass">#icon-about</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-detail"></use>
                    </svg>
                    <div class="name">查看批阅</div>
                    <div class="fontclass">#icon-detail</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fujian"></use>
                    </svg>
                    <div class="name">附件</div>
                    <div class="fontclass">#icon-fujian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiaoma1"></use>
                    </svg>
                    <div class="name">条码</div>
                    <div class="fontclass">#icon-tiaoma1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit2"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-edit2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-detail2"></use>
                    </svg>
                    <div class="name">查看详情</div>
                    <div class="fontclass">#icon-detail2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-del2"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-del2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-del"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-del</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-email"></use>
                    </svg>
                    <div class="name">邮箱</div>
                    <div class="fontclass">#icon-email</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-phone"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-phone</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-scanbarcode"></use>
                    </svg>
                    <div class="name">条码</div>
                    <div class="fontclass">#icon-scanbarcode</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qq"></use>
                    </svg>
                    <div class="name">qq</div>
                    <div class="fontclass">#icon-qq</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanhegui"></use>
                    </svg>
                    <div class="name">安全合规</div>
                    <div class="fontclass">#icon-anquanhegui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanduixiang"></use>
                    </svg>
                    <div class="name">安全对象</div>
                    <div class="fontclass">#icon-anquanduixiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-IPshijiantongji"></use>
                    </svg>
                    <div class="name">IP事件统计</div>
                    <div class="fontclass">#icon-IPshijiantongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquangoujianku"></use>
                    </svg>
                    <div class="name">安全构件库</div>
                    <div class="fontclass">#icon-anquangoujianku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanlianghua"></use>
                    </svg>
                    <div class="name">安全量化</div>
                    <div class="fontclass">#icon-anquanlianghua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquantongji"></use>
                    </svg>
                    <div class="name">安全统计</div>
                    <div class="fontclass">#icon-anquantongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anIPtongji"></use>
                    </svg>
                    <div class="name">按IP统计</div>
                    <div class="fontclass">#icon-anIPtongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anfengxiantongji"></use>
                    </svg>
                    <div class="name">按风险统计</div>
                    <div class="fontclass">#icon-anfengxiantongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anshijiantongji"></use>
                    </svg>
                    <div class="name">按时间统计</div>
                    <div class="fontclass">#icon-anshijiantongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anyewutongji"></use>
                    </svg>
                    <div class="name">按业务统计</div>
                    <div class="fontclass">#icon-anyewutongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anzhanghaotongji"></use>
                    </svg>
                    <div class="name">按账号统计</div>
                    <div class="fontclass">#icon-anzhanghaotongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baimingdancelveweihu"></use>
                    </svg>
                    <div class="name">白名单策略维护</div>
                    <div class="fontclass">#icon-baimingdancelveweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baosongshebeishijianliangtongji"></use>
                    </svg>
                    <div class="name">报送设备时间量统计</div>
                    <div class="fontclass">#icon-baosongshebeishijianliangtongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baimingdanguanli"></use>
                    </svg>
                    <div class="name">白名单管理</div>
                    <div class="fontclass">#icon-baimingdanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baosongshebeiyuanshijiantongji"></use>
                    </svg>
                    <div class="name">报送设备源事件统计</div>
                    <div class="fontclass">#icon-baosongshebeiyuanshijiantongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-budingxinxi"></use>
                    </svg>
                    <div class="name">补丁信息</div>
                    <div class="fontclass">#icon-budingxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caijipeizhi"></use>
                    </svg>
                    <div class="name">采集配置</div>
                    <div class="fontclass">#icon-caijipeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chaxun"></use>
                    </svg>
                    <div class="name">查询</div>
                    <div class="fontclass">#icon-chaxun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakan"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#icon-chakan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daochu"></use>
                    </svg>
                    <div class="name">导出</div>
                    <div class="fontclass">#icon-daochu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daoru"></use>
                    </svg>
                    <div class="name">导入</div>
                    <div class="fontclass">#icon-daoru</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangda"></use>
                    </svg>
                    <div class="name">放大</div>
                    <div class="fontclass">#icon-fangda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-heguipaiming"></use>
                    </svg>
                    <div class="name">合规排名</div>
                    <div class="fontclass">#icon-heguipaiming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-heguiqushi"></use>
                    </svg>
                    <div class="name">合规趋势</div>
                    <div class="fontclass">#icon-heguiqushi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiehuandaochaxunmoshi"></use>
                    </svg>
                    <div class="name">切换到查询模式</div>
                    <div class="fontclass">#icon-qiehuandaochaxunmoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jixianguanli"></use>
                    </svg>
                    <div class="name">基线管理</div>
                    <div class="fontclass">#icon-jixianguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwucaiji"></use>
                    </svg>
                    <div class="name">任务采集</div>
                    <div class="fontclass">#icon-renwucaiji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujuanquan"></use>
                    </svg>
                    <div class="name">数据安全</div>
                    <div class="fontclass">#icon-shujuanquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujuku"></use>
                    </svg>
                    <div class="name">数据库</div>
                    <div class="fontclass">#icon-shujuku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sanjishijian"></use>
                    </svg>
                    <div class="name">三级事件</div>
                    <div class="fontclass">#icon-sanjishijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-suoxiao"></use>
                    </svg>
                    <div class="name">缩小</div>
                    <div class="fontclass">#icon-suoxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitong"></use>
                    </svg>
                    <div class="name">系统</div>
                    <div class="fontclass">#icon-xitong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongyijiancha"></use>
                    </svg>
                    <div class="name">统一检查</div>
                    <div class="fontclass">#icon-tongyijiancha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitonganquan"></use>
                    </svg>
                    <div class="name">系统安全</div>
                    <div class="fontclass">#icon-xitonganquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanjianbaotongzhiguanli"></use>
                    </svg>
                    <div class="name">安全简报通知管理</div>
                    <div class="fontclass">#icon-anquanjianbaotongzhiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daishenpizhishi"></use>
                    </svg>
                    <div class="name">待审批知识</div>
                    <div class="fontclass">#icon-daishenpizhishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongjuguanli"></use>
                    </svg>
                    <div class="name">工具管理</div>
                    <div class="fontclass">#icon-gongjuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dangqianhuodonggaojing"></use>
                    </svg>
                    <div class="name">当前活动告警</div>
                    <div class="fontclass">#icon-dangqianhuodonggaojing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenpeishebei"></use>
                    </svg>
                    <div class="name">分配设备</div>
                    <div class="fontclass">#icon-fenpeishebei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dangqianhuodonggaojing_"></use>
                    </svg>
                    <div class="name">当前活动告警_1</div>
                    <div class="fontclass">#icon-dangqianhuodonggaojing_</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanjianziguanli"></use>
                    </svg>
                    <div class="name">关键字管理</div>
                    <div class="fontclass">#icon-guanjianziguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangluoanquanshebeijiankong"></use>
                    </svg>
                    <div class="name">网络安全设备监控</div>
                    <div class="fontclass">#icon-wangluoanquanshebeijiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guibingyazhiguize"></use>
                    </svg>
                    <div class="name">归并压制规则</div>
                    <div class="fontclass">#icon-guibingyazhiguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guize"></use>
                    </svg>
                    <div class="name">规则</div>
                    <div class="fontclass">#icon-guize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guizebaobiao"></use>
                    </svg>
                    <div class="name">规则报表</div>
                    <div class="fontclass">#icon-guizebaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanxiashebei"></use>
                    </svg>
                    <div class="name">管辖设备</div>
                    <div class="fontclass">#icon-guanxiashebei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guizeguanli"></use>
                    </svg>
                    <div class="name">规则管理</div>
                    <div class="fontclass">#icon-guizeguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guizehegexingjiancha"></use>
                    </svg>
                    <div class="name">规则合格性检查</div>
                    <div class="fontclass">#icon-guizehegexingjiancha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guizexiafa"></use>
                    </svg>
                    <div class="name">规则下发</div>
                    <div class="fontclass">#icon-guizexiafa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jihuo"></use>
                    </svg>
                    <div class="name">激活</div>
                    <div class="fontclass">#icon-jihuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiankongguizeweihu"></use>
                    </svg>
                    <div class="name">监控规则维护</div>
                    <div class="fontclass">#icon-jiankongguizeweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiamisuanfaguanli"></use>
                    </svg>
                    <div class="name">加密算法管理</div>
                    <div class="fontclass">#icon-jiamisuanfaguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiesuo"></use>
                    </svg>
                    <div class="name">解锁</div>
                    <div class="fontclass">#icon-jiesuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaijiejiancha"></use>
                    </svg>
                    <div class="name">快捷检查</div>
                    <div class="fontclass">#icon-kuaijiejiancha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lixianjiancha"></use>
                    </svg>
                    <div class="name">离线检查</div>
                    <div class="fontclass">#icon-lixianjiancha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-loudong"></use>
                    </svg>
                    <div class="name">漏洞</div>
                    <div class="fontclass">#icon-loudong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-minganshujujiankongshitu"></use>
                    </svg>
                    <div class="name">敏感数据监控视图</div>
                    <div class="fontclass">#icon-minganshujujiankongshitu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-moban"></use>
                    </svg>
                    <div class="name">模板</div>
                    <div class="fontclass">#icon-moban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mingdanzixuexi"></use>
                    </svg>
                    <div class="name">名单自学习</div>
                    <div class="fontclass">#icon-mingdanzixuexi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mobanguanli"></use>
                    </svg>
                    <div class="name">模板管理</div>
                    <div class="fontclass">#icon-mobanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pingtaizijiankong"></use>
                    </svg>
                    <div class="name">平台自监控</div>
                    <div class="fontclass">#icon-pingtaizijiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shebeixinxi"></use>
                    </svg>
                    <div class="name">设备信息</div>
                    <div class="fontclass">#icon-shebeixinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianshuxingweihu"></use>
                    </svg>
                    <div class="name">事件属性维护</div>
                    <div class="fontclass">#icon-shijianshuxingweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weichuligaojing"></use>
                    </svg>
                    <div class="name">未处理告警</div>
                    <div class="fontclass">#icon-weichuligaojing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugaimima"></use>
                    </svg>
                    <div class="name">修改密码</div>
                    <div class="fontclass">#icon-xiugaimima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-suoding"></use>
                    </svg>
                    <div class="name">锁定</div>
                    <div class="fontclass">#icon-suoding</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yichuligaojing"></use>
                    </svg>
                    <div class="name">已处理告警</div>
                    <div class="fontclass">#icon-yichuligaojing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongji"></use>
                    </svg>
                    <div class="name">统计</div>
                    <div class="fontclass">#icon-tongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yigaojing"></use>
                    </svg>
                    <div class="name">已告警</div>
                    <div class="fontclass">#icon-yigaojing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiqingchugaojing"></use>
                    </svg>
                    <div class="name">已清除告警</div>
                    <div class="fontclass">#icon-yiqingchugaojing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhibiaofenleibianmapeizhi"></use>
                    </svg>
                    <div class="name">指标分类编码配置</div>
                    <div class="fontclass">#icon-zhibiaofenleibianmapeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhilingmobanguanli"></use>
                    </svg>
                    <div class="name">指令模板管理</div>
                    <div class="fontclass">#icon-zhilingmobanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjian"></use>
                    </svg>
                    <div class="name">新建</div>
                    <div class="fontclass">#icon-xinjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yidong"></use>
                    </svg>
                    <div class="name">移动</div>
                    <div class="fontclass">#icon-yidong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewucaozuopaimingfenxi"></use>
                    </svg>
                    <div class="name">业务操作排名分析</div>
                    <div class="fontclass">#icon-yewucaozuopaimingfenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewufenleiweihu"></use>
                    </svg>
                    <div class="name">业务分类维护</div>
                    <div class="fontclass">#icon-yewufenleiweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangluoquyuIPhuafen"></use>
                    </svg>
                    <div class="name">网络区域IP划分</div>
                    <div class="fontclass">#icon-wangluoquyuIPhuafen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yonghuzhuzhanghaoguanli"></use>
                    </svg>
                    <div class="name">用户主账号管理</div>
                    <div class="fontclass">#icon-yonghuzhuzhanghaoguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zanting"></use>
                    </svg>
                    <div class="name">暂停</div>
                    <div class="fontclass">#icon-zanting</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhihang"></use>
                    </svg>
                    <div class="name">执行</div>
                    <div class="fontclass">#icon-zhihang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhibiaoguanli"></use>
                    </svg>
                    <div class="name">指标管理</div>
                    <div class="fontclass">#icon-zhibiaoguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhibiaojieguo"></use>
                    </svg>
                    <div class="name">指标结果</div>
                    <div class="fontclass">#icon-zhibiaojieguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhibiaomoban"></use>
                    </svg>
                    <div class="name">指标模板</div>
                    <div class="fontclass">#icon-zhibiaomoban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhibiaotongji"></use>
                    </svg>
                    <div class="name">指标统计</div>
                    <div class="fontclass">#icon-zhibiaotongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhibiaojihua"></use>
                    </svg>
                    <div class="name">指标计划</div>
                    <div class="fontclass">#icon-zhibiaojihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhongzhi"></use>
                    </svg>
                    <div class="name">重置</div>
                    <div class="fontclass">#icon-zhongzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuzhanghaoliebiao"></use>
                    </svg>
                    <div class="name">主账号列表</div>
                    <div class="fontclass">#icon-zhuzhanghaoliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baobiao"></use>
                    </svg>
                    <div class="name">报表</div>
                    <div class="fontclass">#icon-baobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dangqianfeibiaozhunshijian"></use>
                    </svg>
                    <div class="name">当前非标准事件</div>
                    <div class="fontclass">#icon-dangqianfeibiaozhunshijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongzuotaishouye"></use>
                    </svg>
                    <div class="name">工作台首页</div>
                    <div class="fontclass">#icon-gongzuotaishouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huifu"></use>
                    </svg>
                    <div class="name">恢复</div>
                    <div class="fontclass">#icon-huifu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jihua"></use>
                    </svg>
                    <div class="name">计划</div>
                    <div class="fontclass">#icon-jihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mubiaoIPshijianliangtongji"></use>
                    </svg>
                    <div class="name">目标IP时间量统计</div>
                    <div class="fontclass">#icon-mubiaoIPshijianliangtongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ri"></use>
                    </svg>
                    <div class="name">日</div>
                    <div class="fontclass">#icon-ri</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renyuanzuguanli"></use>
                    </svg>
                    <div class="name">人员组管理</div>
                    <div class="fontclass">#icon-renyuanzuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-minganshujufenjiguanli"></use>
                    </svg>
                    <div class="name">敏感数据分级管理</div>
                    <div class="fontclass">#icon-minganshujufenjiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-saomiaobingfenxi"></use>
                    </svg>
                    <div class="name">扫描并分析</div>
                    <div class="fontclass">#icon-saomiaobingfenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shanchu"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shengjibiaozhuntongjipaiming"></use>
                    </svg>
                    <div class="name">省级标准统计排名</div>
                    <div class="fontclass">#icon-shengjibiaozhuntongjipaiming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianjibiezhongdingyiguize"></use>
                    </svg>
                    <div class="name">时间级别重定义规则</div>
                    <div class="fontclass">#icon-shijianjibiezhongdingyiguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijiancelveweihu"></use>
                    </svg>
                    <div class="name">时间策略维护</div>
                    <div class="fontclass">#icon-shijiancelveweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tixing"></use>
                    </svg>
                    <div class="name">提醒</div>
                    <div class="fontclass">#icon-tixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tingzhi"></use>
                    </svg>
                    <div class="name">停止</div>
                    <div class="fontclass">#icon-tingzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouquanguanli"></use>
                    </svg>
                    <div class="name">授权管理</div>
                    <div class="fontclass">#icon-shouquanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shengchengbaobiao"></use>
                    </svg>
                    <div class="name">生成报表</div>
                    <div class="fontclass">#icon-shengchengbaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucangku"></use>
                    </svg>
                    <div class="name">收藏库</div>
                    <div class="fontclass">#icon-shoucangku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wancheng"></use>
                    </svg>
                    <div class="name">完成</div>
                    <div class="fontclass">#icon-wancheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuichu"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#icon-tuichu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujujiguanli"></use>
                    </svg>
                    <div class="name">数据集管理</div>
                    <div class="fontclass">#icon-shujujiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weizhixinxiweihu"></use>
                    </svg>
                    <div class="name">位置信息维护</div>
                    <div class="fontclass">#icon-weizhixinxiweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiazai"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#icon-xiazai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinxicaiji"></use>
                    </svg>
                    <div class="name">信息采集</div>
                    <div class="fontclass">#icon-xinxicaiji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitonganquanheguibaobiao"></use>
                    </svg>
                    <div class="name">系统安全合规报表</div>
                    <div class="fontclass">#icon-xitonganquanheguibaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewucaozuorizhi"></use>
                    </svg>
                    <div class="name">业务操作日志</div>
                    <div class="fontclass">#icon-yewucaozuorizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhishikuguanli"></use>
                    </svg>
                    <div class="name">知识库管理</div>
                    <div class="fontclass">#icon-zhishikuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziyuanjiaoseguanli"></use>
                    </svg>
                    <div class="name">资源角色管理</div>
                    <div class="fontclass">#icon-ziyuanjiaoseguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuoyebaobiao"></use>
                    </svg>
                    <div class="name">作业报表</div>
                    <div class="fontclass">#icon-zuoyebaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baobiaoguanli"></use>
                    </svg>
                    <div class="name">报表管理</div>
                    <div class="fontclass">#icon-baobiaoguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zichanxinxibuquancelve"></use>
                    </svg>
                    <div class="name">资产信息补全策略</div>
                    <div class="fontclass">#icon-zichanxinxibuquancelve</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-beizhu"></use>
                    </svg>
                    <div class="name">备注</div>
                    <div class="fontclass">#icon-beizhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-celvetongjiyuzhibaobiao"></use>
                    </svg>
                    <div class="name">策略统计预制报表</div>
                    <div class="fontclass">#icon-celvetongjiyuzhibaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakandaorujilu"></use>
                    </svg>
                    <div class="name">查看导入记录</div>
                    <div class="fontclass">#icon-chakandaorujilu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dangqianweizhi"></use>
                    </svg>
                    <div class="name">当前位置</div>
                    <div class="fontclass">#icon-dangqianweizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanghufangan"></use>
                    </svg>
                    <div class="name">防护方案</div>
                    <div class="fontclass">#icon-fanghufangan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuzhi"></use>
                    </svg>
                    <div class="name">复制</div>
                    <div class="fontclass">#icon-fuzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lousaojieguobaobiao"></use>
                    </svg>
                    <div class="name">漏扫结果报表</div>
                    <div class="fontclass">#icon-lousaojieguobaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mingxi"></use>
                    </svg>
                    <div class="name">明细</div>
                    <div class="fontclass">#icon-mingxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiansuo"></use>
                    </svg>
                    <div class="name">检索</div>
                    <div class="fontclass">#icon-jiansuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-peizhihechajieguobaobiao"></use>
                    </svg>
                    <div class="name">配置核查结果报表</div>
                    <div class="fontclass">#icon-peizhihechajieguobaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiehuandaobianjimoshi"></use>
                    </svg>
                    <div class="name">切换到编辑模式</div>
                    <div class="fontclass">#icon-qiehuandaobianjimoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renzhengguanli"></use>
                    </svg>
                    <div class="name">认证管理</div>
                    <div class="fontclass">#icon-renzhengguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhipingfenfangan"></use>
                    </svg>
                    <div class="name">设置评分方案</div>
                    <div class="fontclass">#icon-shezhipingfenfangan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quanxianziyuan"></use>
                    </svg>
                    <div class="name">权限资源</div>
                    <div class="fontclass">#icon-quanxianziyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zichan"></use>
                    </svg>
                    <div class="name">资产</div>
                    <div class="fontclass">#icon-zichan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziyuanfenleiguanli"></use>
                    </svg>
                    <div class="name">资源分类管理</div>
                    <div class="fontclass">#icon-ziyuanfenleiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yue"></use>
                    </svg>
                    <div class="name">月</div>
                    <div class="fontclass">#icon-yue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhou"></use>
                    </svg>
                    <div class="name">周</div>
                    <div class="fontclass">#icon-zhou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhongduananquan"></use>
                    </svg>
                    <div class="name">终端安全</div>
                    <div class="fontclass">#icon-zhongduananquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zichanliebiao"></use>
                    </svg>
                    <div class="name">资产列表</div>
                    <div class="fontclass">#icon-zichanliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziyuanguanli"></use>
                    </svg>
                    <div class="name">资源管理</div>
                    <div class="fontclass">#icon-ziyuanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziyuanzuguanli"></use>
                    </svg>
                    <div class="name">资源组管理</div>
                    <div class="fontclass">#icon-ziyuanzuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zidianpeizhi"></use>
                    </svg>
                    <div class="name">字典配置</div>
                    <div class="fontclass">#icon-zidianpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuihouyiye"></use>
                    </svg>
                    <div class="name">最后一页</div>
                    <div class="fontclass">#icon-zuihouyiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuzhijigou"></use>
                    </svg>
                    <div class="name">组织机构</div>
                    <div class="fontclass">#icon-zuzhijigou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitongguanli"></use>
                    </svg>
                    <div class="name">系统管理</div>
                    <div class="fontclass">#icon-xitongguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuoyerili"></use>
                    </svg>
                    <div class="name">作业日历</div>
                    <div class="fontclass">#icon-zuoyerili</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-excelwenjian"></use>
                    </svg>
                    <div class="name">excel文件</div>
                    <div class="fontclass">#icon-excelwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jpgwenjian"></use>
                    </svg>
                    <div class="name">jpg文件</div>
                    <div class="fontclass">#icon-jpgwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-txtwenjian"></use>
                    </svg>
                    <div class="name">txt文件</div>
                    <div class="fontclass">#icon-txtwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pdfwenjian"></use>
                    </svg>
                    <div class="name">pdf文件</div>
                    <div class="fontclass">#icon-pdfwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pptwenjian"></use>
                    </svg>
                    <div class="name">ppt文件</div>
                    <div class="fontclass">#icon-pptwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-webliuliangfenxi"></use>
                    </svg>
                    <div class="name">web流量分析</div>
                    <div class="fontclass">#icon-webliuliangfenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wordwenjian"></use>
                    </svg>
                    <div class="name">word文件</div>
                    <div class="fontclass">#icon-wordwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-webzichan"></use>
                    </svg>
                    <div class="name">web资产</div>
                    <div class="fontclass">#icon-webzichan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquancelvezhongxin"></use>
                    </svg>
                    <div class="name">安全策略中心</div>
                    <div class="fontclass">#icon-anquancelvezhongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanfagui"></use>
                    </svg>
                    <div class="name">安全法规</div>
                    <div class="fontclass">#icon-anquanfagui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanguanlimenhu"></use>
                    </svg>
                    <div class="name">安全管理门户</div>
                    <div class="fontclass">#icon-anquanguanlimenhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanjingyanku"></use>
                    </svg>
                    <div class="name">安全经验库</div>
                    <div class="fontclass">#icon-anquanjingyanku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanmenhu"></use>
                    </svg>
                    <div class="name">安全门户</div>
                    <div class="fontclass">#icon-anquanmenhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanshijiangaojingguize"></use>
                    </svg>
                    <div class="name">安全事件告警规则</div>
                    <div class="fontclass">#icon-anquanshijiangaojingguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanyunyingfenxishitu"></use>
                    </svg>
                    <div class="name">安全运营分析视图</div>
                    <div class="fontclass">#icon-anquanyunyingfenxishitu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocunbingxiayibu"></use>
                    </svg>
                    <div class="name">保存并下一步</div>
                    <div class="fontclass">#icon-baocunbingxiayibu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanzichan"></use>
                    </svg>
                    <div class="name">安全资产</div>
                    <div class="fontclass">#icon-anquanzichan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocunbingxinjian"></use>
                    </svg>
                    <div class="name">保存并新建</div>
                    <div class="fontclass">#icon-baocunbingxinjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caozuofangwencelveweihu"></use>
                    </svg>
                    <div class="name">操作访问策略维护</div>
                    <div class="fontclass">#icon-caozuofangwencelveweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-celveguanli"></use>
                    </svg>
                    <div class="name">策略管理</div>
                    <div class="fontclass">#icon-celveguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caidanshezhi"></use>
                    </svg>
                    <div class="name">菜单设置</div>
                    <div class="fontclass">#icon-caidanshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-celve"></use>
                    </svg>
                    <div class="name">策略</div>
                    <div class="fontclass">#icon-celve</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-celvehecha"></use>
                    </svg>
                    <div class="name">策略核查</div>
                    <div class="fontclass">#icon-celvehecha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chanpincaijiguanli"></use>
                    </svg>
                    <div class="name">产品采集管理</div>
                    <div class="fontclass">#icon-chanpincaijiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caidan"></use>
                    </svg>
                    <div class="name">菜单</div>
                    <div class="fontclass">#icon-caidan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-diyiye"></use>
                    </svg>
                    <div class="name">第一页</div>
                    <div class="fontclass">#icon-diyiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-celvezhihangpeizhi"></use>
                    </svg>
                    <div class="name">策略执行配置</div>
                    <div class="fontclass">#icon-celvezhihangpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duibi"></use>
                    </svg>
                    <div class="name">对比</div>
                    <div class="fontclass">#icon-duibi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fasong"></use>
                    </svg>
                    <div class="name">发送</div>
                    <div class="fontclass">#icon-fasong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fasongyoujian"></use>
                    </svg>
                    <div class="name">发送邮件</div>
                    <div class="fontclass">#icon-fasongyoujian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanghuoqiang"></use>
                    </svg>
                    <div class="name">防火墙</div>
                    <div class="fontclass">#icon-fanghuoqiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanghuoqiangcelvebiangeng"></use>
                    </svg>
                    <div class="name">防火墙策略变更</div>
                    <div class="fontclass">#icon-fanghuoqiangcelvebiangeng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanghuoqiangliebiao"></use>
                    </svg>
                    <div class="name">防火墙列表</div>
                    <div class="fontclass">#icon-fanghuoqiangliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangwenkongzhicelve"></use>
                    </svg>
                    <div class="name">访问控制策略</div>
                    <div class="fontclass">#icon-fangwenkongzhicelve</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-genzong"></use>
                    </svg>
                    <div class="name">跟踪</div>
                    <div class="fontclass">#icon-genzong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduo"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-gengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#icon-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guifanguanli"></use>
                    </svg>
                    <div class="name">规范管理</div>
                    <div class="fontclass">#icon-guifanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guochengguanli"></use>
                    </svg>
                    <div class="name">过程管理</div>
                    <div class="fontclass">#icon-guochengguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hegui"></use>
                    </svg>
                    <div class="name">合规</div>
                    <div class="fontclass">#icon-hegui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-heguiguanli"></use>
                    </svg>
                    <div class="name">合规管理</div>
                    <div class="fontclass">#icon-heguiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichuanquancelve"></use>
                    </svg>
                    <div class="name">基础安全策略</div>
                    <div class="fontclass">#icon-jichuanquancelve</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichushijianfenlei"></use>
                    </svg>
                    <div class="name">基础事件分类</div>
                    <div class="fontclass">#icon-jichushijianfenlei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiankong"></use>
                    </svg>
                    <div class="name">监控</div>
                    <div class="fontclass">#icon-jiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiankonggaojingweihu"></use>
                    </svg>
                    <div class="name">监控告警维护</div>
                    <div class="fontclass">#icon-jiankonggaojingweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaoseguanli"></use>
                    </svg>
                    <div class="name">角色管理</div>
                    <div class="fontclass">#icon-jiaoseguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jintian"></use>
                    </svg>
                    <div class="name">今天</div>
                    <div class="fontclass">#icon-jintian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinggao"></use>
                    </svg>
                    <div class="name">警告</div>
                    <div class="fontclass">#icon-jinggao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liuliangguanli"></use>
                    </svg>
                    <div class="name">流量管理</div>
                    <div class="fontclass">#icon-liuliangguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kaishijiankongqiehuan"></use>
                    </svg>
                    <div class="name">开始监控切换</div>
                    <div class="fontclass">#icon-kaishijiankongqiehuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lousaokaiguan"></use>
                    </svg>
                    <div class="name">漏扫开关</div>
                    <div class="fontclass">#icon-lousaokaiguan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-peizhi"></use>
                    </svg>
                    <div class="name">配置</div>
                    <div class="fontclass">#icon-peizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiehuandaojiankongmoshi"></use>
                    </svg>
                    <div class="name">切换到监控模式</div>
                    <div class="fontclass">#icon-qiehuandaojiankongmoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-peizhiguanli"></use>
                    </svg>
                    <div class="name">配置管理</div>
                    <div class="fontclass">#icon-peizhiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qingkong"></use>
                    </svg>
                    <div class="name">清空</div>
                    <div class="fontclass">#icon-qingkong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quanxianshezhi"></use>
                    </svg>
                    <div class="name">权限设置</div>
                    <div class="fontclass">#icon-quanxianshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-queding"></use>
                    </svg>
                    <div class="name">确定</div>
                    <div class="fontclass">#icon-queding</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqixuanze"></use>
                    </svg>
                    <div class="name">日期选择</div>
                    <div class="fontclass">#icon-riqixuanze</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ruokoulingguizeguanli"></use>
                    </svg>
                    <div class="name">弱口令规则管理</div>
                    <div class="fontclass">#icon-ruokoulingguizeguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyiye"></use>
                    </svg>
                    <div class="name">上一页</div>
                    <div class="fontclass">#icon-shangyiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sheweimoren"></use>
                    </svg>
                    <div class="name">设为默认</div>
                    <div class="fontclass">#icon-sheweimoren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianbiaozhunhuaguize"></use>
                    </svg>
                    <div class="name">事件标准化规则</div>
                    <div class="fontclass">#icon-shijianbiaozhunhuaguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianchuliliangtongji"></use>
                    </svg>
                    <div class="name">事件处理量统计</div>
                    <div class="fontclass">#icon-shijianchuliliangtongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianguoduguize"></use>
                    </svg>
                    <div class="name">事件过渡规则</div>
                    <div class="fontclass">#icon-shijianguoduguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujubiaoweihu"></use>
                    </svg>
                    <div class="name">数据表维护</div>
                    <div class="fontclass">#icon-shujubiaoweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin"></use>
                    </svg>
                    <div class="name">刷新</div>
                    <div class="fontclass">#icon-shuaxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shenjiguanli"></use>
                    </svg>
                    <div class="name">审计管理</div>
                    <div class="fontclass">#icon-shenjiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#icon-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tanzhenguanli"></use>
                    </svg>
                    <div class="name">探针管理</div>
                    <div class="fontclass">#icon-tanzhenguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjia"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#icon-tianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjiafujian"></use>
                    </svg>
                    <div class="name">添加附件</div>
                    <div class="fontclass">#icon-tianjiafujian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiaodujiancha"></use>
                    </svg>
                    <div class="name">调度检查</div>
                    <div class="fontclass">#icon-tiaodujiancha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongjiliebiao"></use>
                    </svg>
                    <div class="name">统计列表</div>
                    <div class="fontclass">#icon-tongjiliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tubiaoliebiao"></use>
                    </svg>
                    <div class="name">图标列表</div>
                    <div class="fontclass">#icon-tubiaoliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiayiye"></use>
                    </svg>
                    <div class="name">下一页</div>
                    <div class="fontclass">#icon-xiayiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjianlichengbei"></use>
                    </svg>
                    <div class="name">新建里程碑</div>
                    <div class="fontclass">#icon-xinjianlichengbei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanzeshebei"></use>
                    </svg>
                    <div class="name">选择设备</div>
                    <div class="fontclass">#icon-xuanzeshebei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewucaozuoyingshe"></use>
                    </svg>
                    <div class="name">业务操作映射</div>
                    <div class="fontclass">#icon-yewucaozuoyingshe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewucaozuoyingshefenxi"></use>
                    </svg>
                    <div class="name">业务操作映射分析</div>
                    <div class="fontclass">#icon-yewucaozuoyingshefenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewutongjifenxiguize"></use>
                    </svg>
                    <div class="name">业务统计分析规则</div>
                    <div class="fontclass">#icon-yewutongjifenxiguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewutongjijieguoguize"></use>
                    </svg>
                    <div class="name">业务统计结果规则</div>
                    <div class="fontclass">#icon-yewutongjijieguoguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yichuligongdanshu"></use>
                    </svg>
                    <div class="name">已处理工单数</div>
                    <div class="fontclass">#icon-yichuligongdanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuanshirizhisousuo"></use>
                    </svg>
                    <div class="name">原始日志搜索</div>
                    <div class="fontclass">#icon-yuanshirizhisousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiguanbigongdanshu"></use>
                    </svg>
                    <div class="name">已关闭工单数</div>
                    <div class="fontclass">#icon-yiguanbigongdanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xujiayuandizhihecha"></use>
                    </svg>
                    <div class="name">虚假源地址核查</div>
                    <div class="fontclass">#icon-xujiayuandizhihecha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yingyonganquan"></use>
                    </svg>
                    <div class="name">应用安全</div>
                    <div class="fontclass">#icon-yingyonganquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pptwenjian1"></use>
                    </svg>
                    <div class="name">ppt文件</div>
                    <div class="fontclass">#icon-pptwenjian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanhegui1"></use>
                    </svg>
                    <div class="name">安全合规</div>
                    <div class="fontclass">#icon-anquanhegui1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yipaifagongdanshu"></use>
                    </svg>
                    <div class="name">已派发工单数</div>
                    <div class="fontclass">#icon-yipaifagongdanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanyuguanli"></use>
                    </svg>
                    <div class="name">安全域管理</div>
                    <div class="fontclass">#icon-anquanyuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuoyejihuafenlei"></use>
                    </svg>
                    <div class="name">作业计划分类</div>
                    <div class="fontclass">#icon-zuoyejihuafenlei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jpgwenjian1"></use>
                    </svg>
                    <div class="name">jpg文件</div>
                    <div class="fontclass">#icon-jpgwenjian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanzuoye"></use>
                    </svg>
                    <div class="name">安全作业</div>
                    <div class="fontclass">#icon-anquanzuoye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-denglurizhi"></use>
                    </svg>
                    <div class="name">登录日志</div>
                    <div class="fontclass">#icon-denglurizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingzhigaojingtongji"></use>
                    </svg>
                    <div class="name">定制告警统计</div>
                    <div class="fontclass">#icon-dingzhigaojingtongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanzuoyexinjian"></use>
                    </svg>
                    <div class="name">安全作业新建</div>
                    <div class="fontclass">#icon-anquanzuoyexinjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanzuoyeguanli"></use>
                    </svg>
                    <div class="name">安全作业管理</div>
                    <div class="fontclass">#icon-anquanzuoyeguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaojingbumenguize"></use>
                    </svg>
                    <div class="name">告警部门规则</div>
                    <div class="fontclass">#icon-gaojingbumenguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaojingguibingguize"></use>
                    </svg>
                    <div class="name">告警归并规则</div>
                    <div class="fontclass">#icon-gaojingguibingguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaojinggongliupaifa"></use>
                    </svg>
                    <div class="name">告警工流派发</div>
                    <div class="fontclass">#icon-gaojinggongliupaifa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaojingqingchuguize"></use>
                    </svg>
                    <div class="name">告警清除规则</div>
                    <div class="fontclass">#icon-gaojingqingchuguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaojingtongzhiguize"></use>
                    </svg>
                    <div class="name">告警通知规则</div>
                    <div class="fontclass">#icon-gaojingtongzhiguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gerengaojinggongdanguanli"></use>
                    </svg>
                    <div class="name">个人告警工单管理</div>
                    <div class="fontclass">#icon-gerengaojinggongdanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gerengongzuojihua"></use>
                    </svg>
                    <div class="name">个人工作计划</div>
                    <div class="fontclass">#icon-gerengongzuojihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaobenguanli"></use>
                    </svg>
                    <div class="name">脚本管理</div>
                    <div class="fontclass">#icon-jiaobenguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kexinjisuanguize"></use>
                    </svg>
                    <div class="name">可信计算规则</div>
                    <div class="fontclass">#icon-kexinjisuanguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hecharenwuxiangqingliebiao"></use>
                    </svg>
                    <div class="name">核查任务详情列表</div>
                    <div class="fontclass">#icon-hecharenwuxiangqingliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongdanzongchulishuai"></use>
                    </svg>
                    <div class="name">工单总处理率</div>
                    <div class="fontclass">#icon-gongdanzongchulishuai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mingdanshujuguanli"></use>
                    </svg>
                    <div class="name">名单数据管理</div>
                    <div class="fontclass">#icon-mingdanshujuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwuguanli"></use>
                    </svg>
                    <div class="name">任务管理</div>
                    <div class="fontclass">#icon-renwuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rizhishaixuanguize"></use>
                    </svg>
                    <div class="name">日志筛选规则</div>
                    <div class="fontclass">#icon-rizhishaixuanguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ruokoulinghecha"></use>
                    </svg>
                    <div class="name">弱口令核查</div>
                    <div class="fontclass">#icon-ruokoulinghecha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucanggaojing"></use>
                    </svg>
                    <div class="name">收藏告警</div>
                    <div class="fontclass">#icon-shoucanggaojing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianzhujizhongdingyiguize"></use>
                    </svg>
                    <div class="name">事件主机重定义规则</div>
                    <div class="fontclass">#icon-shijianzhujizhongdingyiguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouceguanli"></use>
                    </svg>
                    <div class="name">手册管理</div>
                    <div class="fontclass">#icon-shouceguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujuzichanshitu"></use>
                    </svg>
                    <div class="name">数据资产视图</div>
                    <div class="fontclass">#icon-shujuzichanshitu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujuzichanfaxianrenwu"></use>
                    </svg>
                    <div class="name">数据资产发现任务</div>
                    <div class="fontclass">#icon-shujuzichanfaxianrenwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujuzichanxinxiguanli"></use>
                    </svg>
                    <div class="name">数据资产信息管理</div>
                    <div class="fontclass">#icon-shujuzichanxinxiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangluoanquanguanli"></use>
                    </svg>
                    <div class="name">网络安全管理</div>
                    <div class="fontclass">#icon-wangluoanquanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangluotiaodushitu"></use>
                    </svg>
                    <div class="name">网络调度视图</div>
                    <div class="fontclass">#icon-wangluotiaodushitu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitongrizhi"></use>
                    </svg>
                    <div class="name">系统日志</div>
                    <div class="fontclass">#icon-xitongrizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-review"></use>
                    </svg>
                    <div class="name">审核</div>
                    <div class="fontclass">#icon-review</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiaoma"></use>
                    </svg>
                    <div class="name">条码</div>
                    <div class="fontclass">#icon-tiaoma</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinyong"></use>
                    </svg>
                    <div class="name">禁用</div>
                    <div class="fontclass">#icon-jinyong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiyong"></use>
                    </svg>
                    <div class="name">启用</div>
                    <div class="fontclass">#icon-qiyong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoge"></use>
                    </svg>
                    <div class="name">表格</div>
                    <div class="fontclass">#icon-biaoge</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
